<!doctype html>
<html lang="en"
	  xmlns="http://www.w3.org/1999/xhtml"
	  xmlns:th="http://www.thymeleaf.org">

<head>
	<title>学生主页</title>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
	<!-- VENDOR CSS -->
	<link rel="stylesheet" href="../qlx/assets/vendor/bootstrap/css/bootstrap.min.css">
	<link rel="stylesheet" href="../qlx/assets/vendor/font-awesome/css/font-awesome.min.css">
	<link rel="stylesheet" href="../qlx/assets/vendor/linearicons/style.css">
	<link rel="stylesheet" href="../qlx/assets/vendor/chartist/css/chartist-custom.css">
	<!-- MAIN CSS -->
	<link rel="stylesheet" href="../qlx/assets/css/main.css">
	<!-- FOR DEMO PURPOSES ONLY. You should remove this in your project -->
	<link rel="stylesheet" href="../qlx/assets/css/demo.css">
	<!-- GOOGLE FONTS -->
	<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700" rel="stylesheet">
	<!-- ICONS -->
	<link rel="apple-touch-icon" sizes="76x76" href="../qlx/assets/img/apple-icon.png">
	<link rel="icon" type="image/png" sizes="96x96" href="../qlx/img/favicon.ico">

</head>

<body>
	<!-- WRAPPER -->
	<div id="wrapper">
		<!-- NAVBAR -->
		<nav class="navbar navbar-default navbar-fixed-top">
			<div class="brand" style="height: 30px">
				<a href=""><img src="../qlx/assets/img/studentlogo.png" style="height: 60px;width: 218px" alt="Klorofil Logo" ></a>
			</div>
			<!--<div class="brand">
			<a href=""><img src="../qlx/assets/img/jttx.png" style="margin-top:5px;margin-left: 150px;height: 50px;width: 300px" alt="Klorofil Logo" ></a>
	</div>-->
			<div class="container-fluid">
				<div id="navbar-menu">
					<ul class="nav navbar-nav navbar-right">
						<li class="dropdown">
							<a  class="dropdown-toggle" data-toggle="dropdown"><img src="../qlx/assets/img/user.png" class="img-circle" style="height: 50px;width: 50px" alt="Avatar"> <span th:text="${session.infos}"></span> <i class="icon-submenu lnr lnr-chevron-down"></i></a>
							<ul class="dropdown-menu">
								<li><a href="#"><i class="lnr lnr-user"></i> <span>个人信息</span></a></li>
								<li><a href="#"><i class="lnr lnr-cog"></i> <span>设置</span></a></li>
								<li><a href="/studentsystem/signOut"><i class="lnr lnr-exit"></i> <span>退出</span></a></li>
						    </ul>
						</li>
					</ul>
				</div>
			</div>
		</nav>
		<!-- END NAVBAR -->
		<!-- LEFT SIDEBAR -->
		<div id="sidebar-nav" class="sidebar">
			<div class="sidebar-scroll">
				<nav>
					<ul class="nav" style="margin-top: 28px;">
						<li th:each="m,iterStat:${studentmenuinfos}" th:if="${iterStat.index eq 0}" class="active menu_li" th:alt="${m.studentmenupath}"><a href="#"><i class="lnr lnr-linearicons"></i> <span th:text="${m.getStudentmenuname()}"></span></a></li>
						<li class="menu_li" th:each="m,iterStat:${studentmenuinfos}" th:if="${iterStat.index gt 0}" th:alt="${m.studentmenupath}"><a href="#"><i class="lnr lnr-linearicons"></i> <span th:text="${m.getStudentmenuname()}"></span></a></li>

						<!--<li><a href="index.html" class="active"><i class="lnr lnr-home"></i> <span>Dashboard</span></a></li>
						<li><a href="elements.html" class=""><i class="lnr lnr-code"></i> <span>Elements</span></a></li>
						<li><a href="charts.html" class=""><i class="lnr lnr-chart-bars"></i> <span>Charts</span></a></li>
						<li><a href="panels.html" class=""><i class="lnr lnr-cog"></i> <span>Panels</span></a></li>
						<li><a href="notifications.html" class=""><i class="lnr lnr-alarm"></i> <span>Notifications</span></a></li>
						<li>
							<a href="#subPages" data-toggle="collapse" class="collapsed"><i class="lnr lnr-file-empty"></i> <span>Pages</span> <i class="icon-submenu lnr lnr-chevron-left"></i></a>
							<div id="subPages" class="collapse ">
								<ul class="nav">
									<li><a href="page-profile.html" class="">Profile</a></li>
									<li><a href="page-login.html" class="">Login</a></li>
									<li><a href="page-lockscreen.html" class="">Lockscreen</a></li>
								</ul>
							</div>
						</li>
						<li><a href="tables.html" class=""><i class="lnr lnr-dice"></i> <span>Tables</span></a></li>
						<li><a href="typography.html" class=""><i class="lnr lnr-text-format"></i> <span>Typography</span></a></li>
						<li><a href="icons.html" class=""><i class="lnr lnr-linearicons"></i> <span>Icons</span></a></li>-->
					</ul>
				</nav>
			</div>
		</div>
		<!-- END LEFT SIDEBAR -->
		<!-- MAIN -->
		<div class="main"  >
			<!-- MAIN CONTENT -->
			<iframe style="width:100%; height:100%; padding: 0px; margin-top: 27px" id="main_content"></iframe>
			<!-- END MAIN CONTENT -->
		</div>
		<!-- END MAIN -->

		<div class="clearfix" style="margin-top: 10px"></div>
		<footer>
			<div class="container-fluid">
				<p class="copyright">Copyright &copy; CQJTU.Company</p>
			</div>
		</footer>
	</div>
	<!-- END WRAPPER -->
	<!-- Javascript -->
	<script src="../qlx/assets/vendor/jquery/jquery.min.js"></script>
	<script src="../qlx/assets/vendor/bootstrap/js/bootstrap.min.js"></script>
	<script src="../qlx/assets/vendor/jquery-slimscroll/jquery.slimscroll.min.js"></script>
	<script src="../qlx/assets/vendor/jquery.easy-pie-chart/jquery.easypiechart.min.js"></script>
	<script src="../qlx/assets/vendor/chartist/js/chartist.min.js"></script>
	<script src="../qlx/assets/scripts/klorofil-common.js"></script>
	<script type="text/javascript" src="../qlx/vendor/jquery/jquery.js"></script>
	<script>
        $(function(){
            var menu_lis = $(".menu_li");
            menu_lis.each(function(){
                $(this).click(function(){

                    menu_lis.removeClass("active");
                    alert("11111");
                    $(this).addClass("active");
                    $("#main_content").attr("src",$(this).attr("alt"));
                });
            });
        });
	</script>
</body>

</html>
